.addressList{
    width: 100vw;
    height: 100vh;
    background-color: #eff2f5;

    display: flex;
    flex-direction: column;
    .content{
        flex: 1;
        overflow-y: scroll;
        padding: 32px 24px;
        box-sizing: border-box;
        .address{
            width: 100%;
            height: 200px;
            margin: 20px 0 0;
            padding: 12px 24px;
            background: #fff;
            box-sizing: border-box;
            border-radius: 16px;
            display: flex;
            align-items: center;
            position: relative;
            &:first-child{
                margin: 0;
            }
            &-message{
                flex: 1;
                margin-right: 10px;
                &-city{
                    font-size: 30px;
                    font-weight: 500;
                    overflow-wrap: break-word;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    -webkit-line-clamp: 2;
                    text-overflow: ellipsis;
                }
                &-nameAndPhone{
                    display: flex;
                    align-items: center;
                    font-size: 24px;
                    margin-top: 20px;
                    .nameAndPhone-name{
                        width: 170px;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }
                    .nameAndPhone-phone{
                        margin-left: 60px;
                        color: #7F858D;
                        width: 170px;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }
                    .nameAndPhone-default{
                        margin-left: 40px;
                        font-size: 20px;
                        padding: 5px 10px;
                        // border: 1px solid #1E4681;
                        background: #1E4681;
                        color: #fff;
                    }
                }
            }
            &-edit{
                // width: 50px;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                .nut-icon-del{
                    margin-right: 20px;
                }
            }
            .address-confirm-frame{
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                border: 2px solid rgba(30, 70, 129, 1);
                border-radius: 16px;
                .confirm-box{
                    position: absolute;
                    right: -1px;
                    top: -1px;
                    width: 40px;
                    height: 40px;
                    background:rgba(30, 70, 129, 1);
                    // border-radius: 20px;
                    border-top-right-radius: 16px;
                    border-bottom-left-radius: 16px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    .confirm-icon{
                        color: #fff;
                    }
                }
              
            }
        }
    }
    .nut-empty{
        flex: 1;
    } 
    .address-confirm{
        width: 100%;
        height: 100px;
        height: '';
        background:#fff;
        padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
 	    padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */
        &-content{
            width: 100%;
            height: 100%;
            padding: 0 24px;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            justify-content: space-around;
            .confirm-opera{
                width: 100%;
                background: rgba(30, 70, 129, 1);
                border-radius: 10px;
            }
        }
    }
    .deleteDialog{
        .nut-dialog__footer-cancel{
            border-color: rgba(30, 70, 129, 1);
            color: rgba(30, 70, 129, 1);
        }
        .nut-dialog__footer-ok{
            background: rgba(30, 70, 129, 1);
        }
    }
}